<template>
  <div class="wxCell borderBottom">
    <van-cell title="单元格">
      <template #title>
        <div class="flex">
          <img :src=img>
          <span class="custom-title marginAuto0">{{ title }}</span>
        </div>
      </template>
      <template #right-icon>
        <van-icon name="arrow" class="arrow marginAuto0"/>
      </template>
    </van-cell>
  </div>
</template>

<script>
import Vue from 'vue';
import {Cell, CellGroup, Icon} from 'vant';

Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Icon);
export default {
  name: "wxCell",
  props: {
    title: {
      type: String,
      default: "单元格"
    },
    img: {
      type: String,
      default: require("@/assets/img/find/find_1pyq.png")
    }
  }
}
</script>

<style lang="less" scoped>
.wxCell {
  img {
    width: .6rem;
    height: .6rem;
    margin: auto .3rem auto 0;
  }

  span {
    font-size: .4rem;
  }
}

.arrow {
  color: #7f7f7f;
}

.borderBottom {
  //border-bottom: .01rem solid #c4c4c4;
}

.line {
  width: 8rem;
  height: .005rem;
  background-color: #000;
  margin: 0 auto;
}
</style>